<template>
	<div>
  		<home-header :citys="city"></home-header>
  		<home-swiper :list="swiperList"></home-swiper>
  		<home-icons :list="iconsList"></home-icons>
  		<home-recommend :list="recommendList"></home-recommend>
  		<home-weekend :list="weekendList"></home-weekend>
  	</div>
</template>

<script>
import HomeHeader from './components/Header'
import HomeSwiper from './components/Swiper'
import HomeIcons from './components/Icons'
import HomeRecommend from './components/Recommend'
import HomeWeekend from './components/Weekend'
import axios from 'axios'
export default {
    name: 'Home',
    components:{
    	HomeHeader,
    	HomeSwiper,
    	HomeIcons,
    	HomeRecommend,
    	HomeWeekend
    },
    data () {
    	return {
    		city:'',
    		swiperList:[],
    		iconsList:[],
    		recommendList:[],
    		weekendList:[]
    	}
    },
    methods: {
    	getHomeInfo () {
    		axios.get('/api/index.json')
    		  .then(this.getSuccess)
    	},
    	getSuccess (res) {
    		res=res.data;
    		if(res.ret && res.data){
    			const data=res.data
    			this.city=data.city
    			this.swiperList=data.swiperList
    			this.iconsList=data.iconList
    			this.recommendList=data.recommendList
    			this.weekendList=data.weekendList
    		}
    	}
    },
    mounted () {
    	 this.getHomeInfo()
    }
}
</script>


<style  scoped>

</style>